<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <link rel="stylesheet" href="/css/site.css" />
    <title>Mac Patterns - {% block title %}{% endblock %}</title>
</head>

<body>
	<table width="100%">
		<tr>
			<td><img src="images/logo.png"></td>
			<td valign="top">
				<div align="right">
					{% if user %} 
						<b>{{user.email}}</b>
						&nbsp;|&nbsp;
						<a href="{{logout_url}}">Logout</a>
						&nbsp;&nbsp;
					{% else %}
						<a href="{{login_url}}">Login</a>
						&nbsp;&nbsp;
					{% endif %}
				</div>
    		</td>
    	</tr>
	</table>
  	<div style="background:#e5ecf9; padding:4px; border-top:1px solid #3366cc;">
		<h3>Screencasts for Every Dick Jane, and Harry&trade;</h3>
	</div>
	<table width="100%">
		<tr>
			<td valign="top" width="161" id="sidebar">
				{% block sidebar %}
				{% if user %}
					<div style="margin-top:1em;font-weight:bold;">My Screencasts</div>
					<ul style="list-style-type:none; padding-left:15px;">
						<li><a href="/">Home</a></li>
						<li><a href="/start/my">My Screencasts</a></li>
						<li><a href="/start/add">Add Screencast</a></li>
					</ul>
				{% else %}
					<div style="margin-top:1em;font-weight:bold;">My Screencasts</div>
					<ul style="list-style-type:none; padding-left:15px;">
						<li><a href="/">Home</a></li>
						<li><a href="{{login_url}}">Login</a></li>
						<li><a href="http://mail.google.com/mail/signup">Create Account</a></li>
					</ul>
				{% endif %}
	  	  		<div style="margin-top:1em; font-weight:bold;">Public Screencasts</div>
          		<ul style="list-style-type:none; padding-left:15px;">
            		<li><a href="/list/recent">Recent</a></li>
            		<li><a href="/list/popular">Popular</a></li>
          		</ul>
	  			<div style="margin-top:25px" class="divider"></div>
	  			<div>
	    			<img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif">
	  			</div>
          		{% endblock %}
      		</td>
      		<td valign="top">
				<div id="content">
	  				{% if flash %}
	    			<div id="flash">{{flash}}</div>
	  				{% endif %}
		    
	  				{% if title %}
	    			<h2>{{title}}</h2>
	  				{% endif %}
          			{% block content %}{% endblock %}
				</div>
      		</td>
    	</tr>
  	</table>
  	<div id="footer" style="text-align:center">
    	&copy;2008 Mac Patterns &nbsp; 
  	</div>
</body>
</html>
